草庐IT

angularjs - Angular ui.router : Update URL without view refresh

全部标签

javascript - AngularJS 多选复选框保存在逗号分隔的字符串中

我想从angularJS中选定的复选框项目中获取逗号分隔的字符串。同时,当从数据库中检索逗号分隔的字符串时,我希望相应地选中复选框。CarSignalDoor我用Plunker以非常简单的方式解决了这个问题http://plnkr.co/edit/YYd5bN5Chmyjt6gSH1Bw?p=preview$scope.Update=function(Drawings){varstr="";if(Drawings.CarMDrawings){str="Car";}if(Drawings.SignalMDrawings){str=str+",Signal";}if(Drawings.Do

javascript - 测试手动引导的 Angularjs 应用程序

在一些httpajax请求后在代码中手动引导应用程序时,我在测试angularjs应用程序(karma、jasmine)时遇到问题。angular.module("app",[]);angular.element(document).ready(function(){angular.bootstrap(document,["app"]);});我的jasmine规范中也有以下代码beforeEach(module('app'));当我运行我的规范时,我总是有同样的错误Error:[$injector:modulerr]FailedtoinstantiatemoduleappduetoE

javascript - 在 angularJS 中交换颜色的可逆函数

我有一个返回颜色数组的函数:default:function(){//Getourcoloursarrayvarcolours=[service.kits.kit.colour1,service.kits.kit.colour2,service.kits.kit.colour3];//Ifourthirdcolourisblankif(!colours[2]){//IsourfirstorsecondcolourwhitevarisWhite=colours[0]==='ffffff'||colours[1]==='ffffff';//Setourthridcolourcolours[

javascript - 我怎样才能让 View 在返回时保留其嵌套的子状态,而不是使用 ui-router 转到其父级?

我使用ui-router创建了选项卡,其中一些选项卡具有子/孙状态。我怎样才能让选项卡View记住它的历史,也就是说,在返回时回到它以前使用的状态。我创建了一个CODEPEN来证明这一点。1)usersgoesintoatab2)usergoesintoanestedviewofthattab3)usergoesintoanothertabsview4)iftheusergoesbackintothefirsttabtheygointotheparentviewofthetab.HowcanIhavethemgobackintothechildviewofthattab(seenin#

javascript - 不使用angularjs向下滚动时如何验证表单?

我正在尝试验证名为“同意信息”的页面的表单。在这里,用户必须向下滚动才能向前移动(记住框底部没有复选框,相反用户必须一直向下滚动直到滚动结束),如果用户单击继续/同意按钮而不滚动,必须显示一个div元素/错误,说“需要滚动到信息的底部”(必须是anchor链接,单击它应该用颜色突出显示该框)。这是代码和图片(function(){angular.module('agreeToInfoApp',[]).directive('execOnScrollOnBottom',[function(){return{restrict:'A',link:function(scope,elem,attr

javascript - Angular 2 : How do I get params of a route from outside of a router-outlet

与Angular2Getrouterparamsoutsideofrouter-outlet类似的问题但针对的是Angular2的发布版本(因此是路由器的3.0.0版)。我有一个带有联系人列表和路由器socket的应用程序,用于显示或编辑所选联系人。我想确保在任何时候(包括页面加载时)都选择了正确的联系人,所以我希望能够在路线更改时从route读取“id”参数。我可以通过订阅路由器的事件属性来处理路由事件,但是事件对象只允许我访问原始url,而不是它的解析版本。我可以使用路由器的parseUrl方法解析它,但是这种格式不是特别有用,而且相当脆弱,所以我宁愿不使用它。我还在路由事件中查看

javascript - 如何不允许在 AngularJS 的 ui-select 中复制粘贴值

我有一个下拉列表和一个ui-select。基于下拉值ui-select值是绑定(bind)的。但如果我直接将该特定值粘贴到ui-select中,它就会显示为选中状态。我们如何防止ui-select复制粘贴值?示例如下所示。选择查询{{$item.ShortDescription}}{{qiQueryFinding.ShortDescription}} 最佳答案 http://plnkr.co/edit/BVaXpviCACi5sd3aw9oX?p=preview使用这些代码。{{$select.selected.name}}emai

javascript - 在 AngularJS 之后加载 jQuery

这个问题在这里已经有了答案:"ThinkinginAngularJS"ifIhaveajQuerybackground?[closed](15个答案)关闭5年前。我试图在完整的页面加载后运行一个小的jQuery代码段,但即使在页面完全加载后也没有呈现一些AngularJS代码。jQuery在页面加载后在控制台中工作。这是我正在尝试的jQuery:jQuery("a:contains('Clone')").parent().parent().parent().prepend(jQuery("#clone_external"));但还是没有发生克隆按钮不是普通按钮,它是一个Angular按

javascript - React Router 更改参数不会触发 componentWillRecieveProps

问题:更改的参数component不会更新它正在渲染的组件。路由变化显示在地址栏,但是直接渲染{this.props.match.params.id}显示旧:id而不是URL栏中反射(reflect)的新地址。更新:我通过移动解决了这个问题从index.js文件出来并进入App.js文件。它不再是Provider的直接子组件,而是App组件的子组件。不知道为什么这会使一切突然正常工作。我在做什么:我有一个来自user/7(或任何当前ID)到/user/11componentWillReceiveProps(newProps)它正在渲染的组件未被触发。(如果有帮助,此组件使用react-

javascript - 如何使用转换 :translateY() "AngularJS"? 创建垂直滚动条

我正在使用InfiniteScroll在我的应用程序中,我想实现指令中当前不支持的双向滚动效果。我添加了滚动检测方法,它可以发现滚动的向上/向下移动,因此我正在基于此进行计算。我添加了translateY,因此可以轻松添加和删除新元素。因此理想情况下,在向下移动时,应该添加一个新元素,同时应该删除向上的旧元素。滚动不流畅,卡住了。所有元素都是动态的,可以有不同的高度。更新了这个方法handler=function(){varcontainerBottom,containerTopOffset,elementBottom,remaining,shouldScroll,currentPos